<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>

<div class="modal fade" id="update-header-photo" tabindex="-1" role="dialog"
     aria-labelledby="update-header-photo" aria-hidden="true" th:fragment="update-header-photo">
    <div class="modal-dialog window-popup update-header-photo" role="document">
        <div class="modal-content">
            <a href="#" class="close icon-close" data-dismiss="modal" aria-label="Close">
                <svg class="olymp-close-icon">
                    <use xlink:href="svg-icons/sprites/icons.svg#olymp-close-icon"></use>
                </svg>
            </a>

            <div class="modal-header">
                <h6 class="title">上传照片</h6>
            </div>

            <div class="modal-body">
                <a href="#" class="upload-photo-item" id="header-photo">
                    <input accept="image/*" type="file" name="file" id="fileName0" onchange="updatePhoto(0)"
                           class="d-none">
                    <svg class="olymp-computer-icon">
                        <use xlink:href="svg-icons/sprites/icons.svg#olymp-computer-icon"></use>
                    </svg>

                    <h6>上传照片</h6>
                    <span>在本地电脑上浏览。</span>
                </a>

                <a href="#" class="upload-photo-item" data-toggle="modal" data-target="#choose-from-my-photo">

                    <svg class="olymp-photos-icon">
                        <use xlink:href="svg-icons/sprites/icons.svg#olymp-photos-icon"></use>
                    </svg>

                    <h6>从我的相册中选择</h6>
                    <span>从上传的照片中选择</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="update-user-photo" tabindex="-1" role="dialog"
     aria-labelledby="update-user-photo" aria-hidden="true" th:fragment="update-user-photo">
    <div class="modal-dialog window-popup update-header-photo" role="document">
        <div class="modal-content">
            <a href="#" class="close icon-close" data-dismiss="modal" aria-label="Close">
                <svg class="olymp-close-icon">
                    <use xlink:href="svg-icons/sprites/icons.svg#olymp-close-icon"></use>
                </svg>
            </a>

            <div class="modal-header">
                <h6 class="title">上传照片</h6>
            </div>

            <div class="modal-body">
                <a href="#" class="upload-photo-item" id="user-photo">
                    <input accept="image/*" type="file" name="file" id="fileName1" onchange="updatePhoto(1)"
                           class="d-none">
                    <svg class="olymp-computer-icon">
                        <use xlink:href="svg-icons/sprites/icons.svg#olymp-computer-icon"></use>
                    </svg>

                    <h6>上传照片</h6>
                    <span>在本地电脑上浏览。</span>
                </a>

                <a href="#" class="upload-photo-item" data-toggle="modal" data-target="#choose-from-my-photo">

                    <svg class="olymp-photos-icon">
                        <use xlink:href="svg-icons/sprites/icons.svg#olymp-photos-icon"></use>
                    </svg>

                    <h6>从我的相册中选择</h6>
                    <span>从上传的照片中选择</span>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
</html>